<?xml version='1.0' encoding='UTF-8' ?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html 
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:p="http://primefaces.org/ui">


    <h:head>
        <title>Tabularium</title>
        <script src="media/js/config.js"></script>
        <script src="media/js/skel.min.js"></script>
        <link rel="stylesheet" href="media/css/style.css" />
        <link rel="stylesheet" href="media/css/grid.css" />
        <link rel="stylesheet" href="media/css/style-desktop.css" />
        <link rel="stylesheet" href="media/css/style-wide.css" />
    </h:head>
    <h:body>

        <body class="left-sidebar">

            <div id="wrapper">



                <!-- Sidebar -->
                <div id="sidebar-login">

                    <!-- Logo -->
                    <div id="logo">
                        <img src="media/images/logo.png" />
                    </div>

                    <!-- Search -->
                    <form action="j_security_check" method="POST" class="container_24 clearfix" style="margin-top: 20px;">

                        <div class="grid_23" style="text-align:center;"><h2>Autenticação</h2></div>

                        <div class="clear"></div>

                        <input type="text" name="j_username" 
                               class="text" placeholder="Usuário"
                               id="id_username" maxlength="30" />
                        <div style="margin-top:5px;" class="grid_24" ></div>
                        <input type="password" name="j_password" 
                               class="text" placeholder="Senha"
                               id="id_password" />
                        <div style="margin-top:10px;" class="grid_24" ></div>
                        <div class="buttonAction">
                            <input type="submit" name="button" 
                                   class="btn btn-success" value="Entrar" size="30"  />
                        </div>

                        <input type="hidden" name="next" value="{{ next|escape }}" />

                    </form>

                    <!-- Copyright -->
                    <div id="copyright">
                        <p>
                            &copy; 2014 <a href="http://foxinline.com">Fox Inline Technologies</a>.<br />
                        </p>
                    </div>

                </div>

            </div>

        </body>
    </h:body>
</html>
